import QtQuick 2.15
import QtQuick.Window 2.15
import QtQuick.Controls 2.15


//概览
Rectangle{
    width:220
    height:600
    color: "transparent"

    Label{
        id:lable
        text:"概览"
        width:50
        height:30
        font.pixelSize: 15
        font.bold: true
        anchors.top: parent.top
        //anchors.horizontalCenter: parent.horizontalCenter
    }
    Rectangle{
        anchors.top:lable.bottom
        anchors.bottom:parent.bottom
        anchors.left:parent.left
        anchors.right:parent.right
        radius:10
        border.color: "#ccffcc"

        Column{
            anchors.fill: parent
            spacing:10

            Label{
                text:"设备"
            }
            Row{
                id:topRow
                anchors.left:parent.left
                anchors.leftMargin: 30
                spacing:20
                height:60
                width:80
                Column{
                    spacing:5
                    Label{
                        text:"0"
                    }
                    Label{
                        text:"总数"
                    }
                }
                Column{
                    spacing:5
                    Label{
                        text:"0"
                    }
                    Label{
                        text:"在线"
                    }
                }
                Column{
                    spacing:5
                    Label{
                        text:"0"
                    }
                    Label{
                        text:"离线"
                    }
                }

            }

            Rectangle{
                width:parent.width
                height:1
                color:"lightblue"
            }

            Label{
                text:"事件"
            }
            Row{
                id:middleRow
                anchors.left:parent.left
                anchors.leftMargin: 30
                spacing:20
                height:60
                width:80
                Column{
                    spacing:5
                    Label{
                        text:"0"
                    }
                    Label{
                        text:"总数"
                    }
                }
                Column{
                    spacing:5
                    Label{
                        text:"0"
                    }
                    Label{
                        text:"在线"
                    }
                }
                Column{
                    spacing:5
                    Label{
                        text:"0"
                    }
                    Label{
                        text:"离线"
                    }
                }



            }

            Rectangle{
                width:parent.width
                height:1
                color:"lightblue"
            }

            Label{
                text:"客户端"
            }
            Column{
                anchors.left:parent.left
                anchors.leftMargin: 30
                spacing:20
                height:60
                width:80
                Row{
                    spacing:10
                    Label{
                        text:"网络"
                    }
                    Rectangle{
                        width:100
                        height:5
                        radius:5
                        color:"transparent"
                    }
                    Text{
                        text:"0%"
                    }
                }
                Row{
                    spacing:10
                    Label{
                        text:"CPU"
                    }
                    Rectangle{
                        width:100
                        height:5
                        radius:5
                        color:"transparent"
                    }
                    Text{
                        text:"0%"
                    }
                }
                Row{
                    spacing:10
                    Label{
                        text:"内存"
                    }
                    Rectangle{
                        width:100
                        height:5
                        radius:5
                        color:"transparent"
                    }
                    Text{
                        text:"0%"
                    }
                }
            }
        }
    }
}
